<template>
	<view>
		<navbar isHome="true"></navbar>
		<!-- <button style="margin-top: 130rpx;" @click="searchJump">跳转</button> -->
		<!-- 提示栏 -->
		<view class="prompt-container">
			<view class="weui-cell" style="background: #fff9eb;">
				<view class="weui-cell__hd">
					<image src="../../static/resource/images/ic_myapp.png"
					style="display: block;width: 40rpx;height: 40rpx;margin-right: 14rpx;"></image>
				</view>
				
				<view class="weui-cell__bd">
					<text style="color: #be9719;font-size: 26rpx;">点击右上角"添加到我的小程序",方便下次找到!</text>
				</view>
				
				<view class="weui-cell__ft">
					<image src="../../static/resource/images/modal_closer.png"
					style="display: block;width: 30rpx;height: 30rpx;"></image>
				</view>
				
			</view>
			
			
		</view>
		
	</view>
	
</template>

<!-- <view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">{{title}}</text>
		</view>
	</view>
	<my-component></my-component>
	<!-- ：content用于父组件给子组件提供数据，@changeData代表子组件要和父组件通讯告诉修改父组件传递进去的数据 -->
	<!-- 静态 vs. 动态 Props:https://cn.vuejs.org/guide/components/props.html#prop-passing-details -->
	<!-- :content="data"  ===  v-bind:content="data"  触发与监听事件示例：<MyComponent @some-event="callback" />  -->
	<!-- <navbar name="navbar组件" :content="data" @changeData="changeData">
		<!-- 传递插槽 插槽的意思就是vue标签中的标签 slot-->
		<<!-- view>我是插槽</view>
	</navbar> --> 

<script setup>
	import {ref,reactive,computed} from 'vue'
	// 应用声明周期导包:使用组合式API:https://uniapp.dcloud.net.cn/tutorial/vue-composition-api.html
	//onLoad 是微信小程序页面生命周期的一个钩子函数。它在页面加载时调用，且仅会在页面第一次被访问时触发。
	import {onLoad} from '@dcloudio/uni-app'
	
	const data = ref('动态数组')
	const changeData = (val) => {
	    data.value = val;
	};
	
	const searchJump = () => {
		uni.navigateTo({
			url: '/pages/search/index'
		})
	}
	
	// getApp函数用于获取当前应用实例，一般用于获取globalData。也可通过应用实例调用 App.vue methods 中定义的方法。
	//https://uniapp.dcloud.net.cn/tutorial/page.html#getapp
	const app = getApp()
	onLoad(() => {
		console.log('globalData',app.globalData)
		app.globalData.utils.getUserInfo()
	})
</script>

<style  scoped>
	page{
		background-color: #fff;
	}
	
	
	.prompt-container {
	  margin-top: 130rpx;
	  width: 750rpx; /* 确保提示栏宽度 */
	}
</style>
